<template>
    <f7-page class="modify-pass">
        <f7-navbar>
            <f7-nav-left back-link=" " sliding></f7-nav-left>
            <f7-nav-center>修改密码</f7-nav-center>
        </f7-navbar>
        <div class="main">
            <p class="hint">请为您的账号设置新的密码：</p>
            <f7-list form>
                <f7-list-item>
                    <f7-input type="password" placeholder="密码"></f7-input>
                </f7-list-item>
                <f7-list-item>
                    <f7-input type="password" placeholder="确认密码"></f7-input>
                </f7-list-item>
            </f7-list>
            <f7-button class="btn-confirm" href="/login/">确认</f7-button>
        </div>
    </f7-page>
</template>

<style lang="scss">
.modify-pass {
    .list-block {
        margin: 0 0 15px;
    }

    .hint {
        margin: 0;
        padding: 10px 15px;
    }

    .btn-confirm {
        margin: 0 15px;
    }
}
</style>